<template>
  <view class="container">
    <UserCard :user="user" />
    <UserStats :stats="stats" />
    <MenuList :menu="menu" />
  </view>
</template>

<script>
import UserCard from './components/UserCard.vue'
import UserStats from './components/UserStats.vue'
import MenuList from './components/MenuList.vue'

export default {
  name: "MinePage",
  components: { UserCard, UserStats, MenuList },
  data() {
    return {
      user: {
        avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
        nickname: '童心',
        desc: '这位葫芦丝还没签名'
      },
      stats: {
        follow: 18,
        fans: 6
      },
      menu: [
        { icon: 'icon-wendang', title: '我的帖子', count: 5, color: '#f5b800' },
        { icon: 'icon-huifu', title: '我的回复', count: 228, color: '#4fc3f7' },
        { icon: 'icon-youxi', title: '游戏评论', count: 0, color: '#ff9800' },
        { icon: 'icon-shoucang', title: '我的收藏', count: 100, color: '#ff4081' },
        { icon: 'icon-lishi', title: '浏览历史', color: '#ffb300' },
        { icon: 'icon-xiazai', title: '下载管理', color: '#29b6f6' }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.container {
  background: #f7f7f7;
  height: 100%;
}
</style>